<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>sQuery demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript" src="squery.js"></script>
    <link rel="stylesheet" href="squery.css" type="text/css"  />
    <script type="text/javascript">
        $(function() { $('*').hoverClass();});
    </script>
</head>

<body>

    <form action="" method="get">
      <fieldset>
          <legend>Radios</legend>
          <input id="gender-male" type="radio" name="gender" value="male" class="squery" />
          <label for="gender-male">Male</label>
          <input id="gender-female" type="radio" name="gender" value= "female" class="squery" />
          <label for="gender-female">Female</label>
      </fieldset>
      <fieldset>
          <legend>Checkboxes</legend>
          <input id="commute-car" type="checkbox" name="commute[]" value="car" class="squery" />
          <label for="commute-car">Car</label>
          <input id="commute-motorcycle" type="checkbox" name="commute[]" value= "motorcycle" class="squery" />
          <label for="commute-motorcycle">Motorcycle</label>
      </fieldset>
      <fieldset>
          <legend>Select</legend>
            <select name="month" class="squery" multiple="multiple">
                <option value="1">jan</option>
                <option value="2" selected="selected">feb</option>
                <option value="3">mar</option>
                <option value="3">Mar</option>
                <option value="3">zar</option>
                <option value="3">mar</option>
            </select>
      </fieldset>
      <div><input type="submit" /></div>
    </form>

</body>
</html>
